<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div class="a"></div>

    <script>
        // null undefined
        //    null  空对象   
        //        比如获取元素失败得到的就是null
        //    undefined  已声明未赋值   
        //        var a 
        //        调用函数时，没有传实参  形参的值为undefined
        //        函数没有返回值的时候    默认也是undefined
        //        对象的属性未赋值时     值默认是undefined   


        // 深复制和浅复制  --- 针对的是引用数据类型(对象)   --- 对象的深复制？？？？？？？？？？

        // for   forEach    map
        //   for   break / continue   可以改变初始值和结束值
        //   forEach 不能提前终止，从头到尾的遍历
        //   map   有返回值




        var oDiv = document.querySelector('.a');

        var oDiv2 = oDiv;

        oDiv.innerHTML = 666;

        console.log(oDiv2);

        var obj = { a: 1, b: 2 };

        var obj2 = obj;

        obj.c = 3;

        console.log(obj2);


        // var arr = [
        //     {
        //         a: 1,
        //         b: 2
        //     },
        //     {
        //         a: 2,
        //         b: 3
        //     },
        // ]





    </script>

</body>

</html>